body {
    color: #666;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
    background: #f8f8f8;
    min-width: 768px;
}

/* 主容器 */
.container-fulid {
    margin-left: 180px;
    color: #666;

    .header-top {
        padding-left: 180px;
    }

    .container-inner {
        padding: 40px 20px 0 20px;

        .page-header {
            margin-top: 10px;
        }
    }
}

.hide-nav {
    .container-fulid {
        margin-left: 58px;
    }
}

@keyframes formTips {
    0% {
        transform: translateX(3px);
        opacity: 0
    }
    35% {
        transform: translateX(0px);
        opacity: 1
    }
    65% {
        transform: translateX(-3px);
        opacity: 1
    }
    100% {
        transform: translateX(0px);
        opacity: 1
    }
}

.tooltip {
    .tooltip-inner {
        background-color: #3787DD;
    }
    &.top, &.top-left, &.top-right {
        .tooltip-arrow {
            border-top-color: #3787DD;
        }
    }
    &.left {
        .tooltip-arrow {
            border-left-color: #3787DD;
        }
    }
    &.right {
        .tooltip-arrow {
            border-right-color: #3787DD;
        }
    }
    &.bottom, &.bottom-left, &.bottom-right {
        .tooltip-arrow {
            border-bottom-color: #3787DD;
        }
    }
    &.has-error {
        animation: formTips .3s linear;
        .tooltip-inner {
            background-color: #a94442;
        }
        &.top, &.top-left, &.top-right {
            .tooltip-arrow {
                border-top-color: #a94442;
            }
        }
        &.left {
            .tooltip-arrow {
                border-left-color: #a94442;
            }
        }
        &.right {
            .tooltip-arrow {
                border-right-color: #a94442;
            }
        }
        &.bottom, &.bottom-left, &.bottom-right {
            .tooltip-arrow {
                border-bottom-color: #a94442;
            }
        }
    }
    &.tooltip-table {
        .tooltip-inner {
            max-width: 300px;
            text-align: left;
            .table-title {
                margin-top: 3px;
            }
            table {
                margin-bottom: 3px;
                tr {
                    td {
                        padding: 3px 5px;
                    }
                }
            }
        }
    }
}

.notification-error .notification-wrapper, .ui-notification {
    width: auto;
    min-width: 150px;
    max-width: 300px;
    h3 {
        font-weight: normal;
        padding: 0 0 10px 0;
    }
    .message {
        word-wrap: break-word;
        word-break: break-all;
    }
}

.animate {
    @include transition(all, 0.2s, linear);
}

.btn,
.nav a,
.nav ul,
.nav li,
.pagination a {
    @include transition();
}

.row {
    @media (min-width: 992px) {
        .col-desc-padding {
            padding-left: 0;
        }
    }

    @media (min-width: 1200px) {
        .col-desc-padding {
            padding-left: 0;
        }
    }
}

.pagination-group {
    .btn-refresh {
        font-size: .9em;
        float: right;
        margin-left: 5px;
    }
}

.form-group, .input-group {
    .popover {
        font-size: 12px;
        .popover-content {
            padding: 8px;
        }
    }
    .text-danger {
        margin-top: 3px;
        font-size: 13px;
    }
    &.has-error {
        .ui-select-container {
            .ui-select-match {
                outline: none;
                box-shadow: none;
            }
            .btn-default {
                border-color: #a94442;
            }
        }
        .control-label {
            color: #666;
        }
    }
}

[datepicker-wrapper]{
    z-index: 9999;
    .date-picker-date-time{
        .buttons{
            >button:first-child{
                display: none;
            }
        }
    }
}
